@import '../colors/color.scss';
@import '../colors/colorPalette.scss';

$theme: default !default;
@function further($color, $level) {
  @if $theme == dark {
    @return colorPalette($color, 10 - $level);
  } @else {
    @return colorPalette($color, $level);
  }
}

@function foreground($color, $opacity) {
  @if $theme == dark {
    @return darken($color, 100% - $opacity);
  } @else {
    @return lighten($color, 100% - $opacity);
  }
}

// -------- Colors -----------
$primary-color: $blue-6 !default;
$info-color: $primary-color !default;
$success-color: #18a058 !default;
$processing-color: $blue-6 !default;
$error-color: #d03050 !default;
$highlight-color: $red-5 !default;
$warning-color: #f0a020 !default;
$normal-color: #d9d9d9 !default;
$white: #fff !default;
$black: #000 !default;
$gray: #8c8c8c !default;
